<template>
<!--统计分析-->
  <div class="statisticAnalysis">
    <el-row>
      <el-col :span="12">
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">项目人员工时</div>
            <user-hours></user-hours>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">任务进度统计</div>
            <statistic-table :tableList="twoList" :col-configs="twoCoumnls"></statistic-table>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">风险统计</div>
            <statistic-table :tableList="threeList" :col-configs="threeCoumnls"></statistic-table>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">整改统计</div>
            <statistic-table :tableList="fourList" :col-configs="fourCoumnls"></statistic-table>
          </div>
        </el-row>
      </el-col>
      <el-col :span="12">
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">项目成本投入</div>
            <statistic-table :tableList="fiveList" :col-configs="fiveCoumnls"></statistic-table>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">项目合同统计</div>
            <statistic-table :tableList="sixList" :col-configs="sixCoumnls"></statistic-table>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">工作报告统计</div>
            <statistic-table :tableList="sevenList" :col-configs="sevenCoumnls"></statistic-table>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">项目问题统计</div>
            <statistic-table :tableList="eightList" :col-configs="eightCoumnls"></statistic-table>
          </div>
        </el-row>
        <el-row>
          <div class="box-row" style="margin-top: 0">
            <div class="box-title">相关方统计</div>
            <statistic-table :tableList="tenList" :col-configs="tenCoumnls"></statistic-table>
          </div>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import UserHours from "@/views/leader/components/userHours";
import StatisticTable from "@/views/integrated/components/statisticTable";
export default {
  name: "statisticAnalysis",
  components: {StatisticTable, UserHours},
  data(){
    return{
      twoCoumnls: [
        {prop: 'xmmc', label: '项目名称', align: 'center'},
        {prop: 'rwzs', label: '任务总数', align: 'center'},
        {prop: 'db', label: '待办', align: 'center'},
        {prop: 'jxz', label: '进行中', align: 'center'},
        {prop: 'zt', label: '已暂停', align: 'center'},
        {prop: 'zz', label: '已终止', align: 'center'},
        {prop: 'wc', label: '已完成', align: 'center'},
        {prop: 'yq', label: '其中；已延期', align: 'center'},
      ],
      twoList: [
        {xmmc:'风光一体化防沙治沙',rwzs:'30',db:'2',jxz:"15",zt:'0',zz:'10',wc:'5',yq:'0'},
        {xmmc:'蚂蚁森林',rwzs:'100',db:'20',jxz:"65",zt:'3',zz:'8',wc:'24',yq:'0'},
        {xmmc:'三北六期',rwzs:'88',db:'56',jxz:"15",zt:'0',zz:'0',wc:'15',yq:'2'},
        {xmmc:'蓝旗机器人造林',rwzs:'27',db:'2',jxz:"15",zt:'0',zz:'2',wc:'8',yq:'0'},
      ],
      threeCoumnls: [
        {prop: 'xmmc', label: '项目名称', align: 'center'},
        {prop: 'fxzs', label: '风险总数', align: 'center'},
        {prop: 'bczfx', label: '不存在风险', align: 'center'},
        {prop: 'xcfx', label: '现存风险', align: 'center'},
        {prop: 'ljfx', label: '其中：临近风险', align: 'center'},
        {prop: 'xcbl', label: '现存比率', align: 'center'},
      ],
      threeList: [
        {xmmc:'风光一体化防沙治沙',fxzs:'2',bczfx:'',xcfx:'2',ljfx:'2',xcbl:'100%'},
        {xmmc:'蚂蚁森林',fxzs:'1',bczfx:'',xcfx:'2',ljfx:'1',xcbl:'100%'},
        {xmmc:'三北六期',fxzs:'1',bczfx:'',xcfx:'1',ljfx:'1',xcbl:'100%'},
        {xmmc:'蓝旗机器人造林',fxzs:'1',bczfx:'',xcfx:'1',ljfx:'1',xcbl:'100%'},
      ],
      fourCoumnls: [
        {prop: 'xmmc', label: '项目名称', align: 'center'},
        {prop: 'zgwc', label: '整改完成', align: 'center'},
        {prop: 'dzg', label: '待整改', align: 'center'},
        {prop: 'wwc', label: '超期未完成', align: 'center'},
      ],
      fourList: [
        {xmmc:'风光一体化防沙治沙',zgwc:'',dzg:'1',wwc:'1'},
        {xmmc:'蚂蚁森林',zgwc:'1',dzg:'1',wwc:'1'},
        {xmmc:'三北六期',zgwc:'1',dzg:'1',wwc:'1'},
        {xmmc:'蓝旗机器人造林',zgwc:'',dzg:'1',wwc:'1'},
      ],
      fiveCoumnls: [
        {prop: 'fylx', label: '费用类型', align: 'center'},
        {label: '风光一体化防沙治沙', align: 'center',children:[
            {prop: 'fysje', label: '预算金额', align: 'center'},
            {prop: 'fsy', label: '使用金额', align: 'center'},
            {prop: 'fsyje', label: '剩余金额', align: 'center'},
            {prop: 'fsyl', label: '使用率', align: 'center'},
          ]
        },
        {label: '蚂蚁森林', align: 'center',children:[
            {prop: 'mysje', label: '预算金额', align: 'center'},
            {prop: 'msy', label: '使用金额', align: 'center'},
            {prop: 'msyje', label: '剩余金额', align: 'center'},
            {prop: 'msyl', label: '使用率', align: 'center'},
          ]
        },
        {label: '三北六期', align: 'center',children:[
            {prop: 'sysje', label: '预算金额', align: 'center'},
            {prop: 'ssy', label: '使用金额', align: 'center'},
            {prop: 'ssyje', label: '剩余金额', align: 'center'},
            {prop: 'ssyl', label: '使用率', align: 'center'},
          ]
        },
        {label: '蓝旗机器人造林', align: 'center',children:[
            {prop: 'lysje', label: '预算金额', align: 'center'},
            {prop: 'lsy', label: '使用金额', align: 'center'},
            {prop: 'lsyje', label: '剩余金额', align: 'center'},
            {prop: 'lsyl', label: '使用率', align: 'center'},
          ]
        },
      ],
      fiveList: [
        {fylx:'人工成本',fysje:'60,000.00',fsy:'20,020.00',fsyje:'39980.00',fsyl:'33%',mysje:'20,000.00',msy:'10,010.00',msyje:'9990.00',msyl:'50%',sysje:'',ssy:'',ssyje :'',ssyl:'',lysje:'',lsy:'',lsyje:'',lsyl:''},
        {fylx:'住宿费',fysje:'',fsy:'',fsyje:'',fsyl:'',mysje:'',msy:'',msyje:'',msyl:'',sysje:'30,000.00',ssy:'30,000.00',ssyje :'0.00',ssyl:'100%',lysje:'',lsy:'',lsyje:'',lsyl:''},
        {fylx:'交通费',fysje:'',fsy:'',fsyje:'',fsyl:'',mysje:'',msy:'',msyje:'',msyl:'',sysje:'',ssy:'',ssyje :'',ssyl:'',lysje:'',lsy:'',lsyje:'',lsyl:''},
        {fylx:'材料成本',fysje:'',fsy:'',fsyje:'',fsyl:'',mysje:'',msy:'',msyje:'',msyl:'',sysje:'30,000.00',ssy:'30,000.00',ssyje :'0.00',ssyl:'100%',lysje:'',lsy:'',lsyje:'',lsyl:''},
      ],
      sixCoumnls: [
        {prop: 'xdf', label: '相对方', align: 'center'},
        {prop: 'qysl', label: '签约数量', align: 'center'},
        {prop: 'ysje', label: '应收金额', align: 'center'},
        {prop: 'dsje', label: '待收金额', align: 'center'},
        {prop: 'ssje', label: '实收金额', align: 'center'},
        {prop: 'skbl', label: '收款比率', align: 'center'},
        {prop: 'yfje', label: '应付金额', align: 'center'},
        {prop: 'dfje', label: '待付金额', align: 'center'},
        {prop: 'sfje', label: '实付金额', align: 'center'},
        {prop: 'fkbl', label: '付款比率', align: 'center'},
      ],
      sixList: [
        {xdf:'风光一体化防沙治沙',qysl:'1',ysje:'600,000.00',dsje:'100,000.00',ssje:'500,000.00',skbl:'83%',yfje:'',dfje:'',sfje:'0.00',fkbl:''},
        {xdf:'蚂蚁森林',qysl:'1',ysje:'200,000.00',dsje:'140,000.00',ssje:'60,000.00',skbl:'30%',yfje:'',dfje:'',sfje:'0.00',fkbl:''},
        {xdf:'三北六期',qysl:'1',ysje:'400,000.00',dsje:'0.00',ssje:'400,000.00',skbl:'100%',yfje:'',dfje:'',sfje:'0.00',fkbl:''},
        {xdf:'蓝旗机器人造林',qysl:'1',ysje:'600,000.00',dsje:'100,000.00',ssje:'500,000.00',skbl:'83%',yfje:'',dfje:'',sfje:'0.00',fkbl:''},
      ],
      sevenCoumnls: [
        {prop: 'xmmc', label: '项目名称', align: 'center'},
        {prop: 'date', label: '日报', align: 'center'},
        {prop: 'week', label: '周报', align: 'center'},
        {prop: 'month', label: '月报', align: 'center'},
      ],
      sevenList: [
        {xmmc:'风光一体化防沙治沙',date:'1',week:'2',month:'1'},
        {xmmc:'蚂蚁森林',date:'2',week:'2',month:'1'},
        {xmmc:'三北六期',date:'1',week:'2',month:''},
        {xmmc:'蓝旗机器人造林',date:'1',week:'1',month:'4'},
      ],
      eightCoumnls: [
        {prop: 'xmmc', label: '项目名称', align: 'center'},
        {prop: 'xcwt', label: '现存问题', align: 'center'},
        {prop: 'yjj', label: '已解决', align: 'center'},
        {prop: 'wtzs', label: '问题总数', align: 'center'},
      ],
      eightList: [
        {xmmc:'风光一体化防沙治沙',xcwt:'1',yjj:'1',wtzs:'2'},
        {xmmc:'蚂蚁森林',xcwt:'2',yjj:'1',wtzs:'3'},
        {xmmc:'三北六期',xcwt:'2',yjj:'',wtzs:'2'},
        {xmmc:'蓝旗机器人造林',xcwt:'1',yjj:'',wtzs:'1'},
      ],
      tenCoumnls: [
        {prop: 'xmmc', label: '项目名称', align: 'center'},
        {prop: 'glsl', label: '管理数量', align: 'center'},
        {prop: 'ycsl', label: '移出数量', align: 'center'},
        {prop: 'cyd', label: '参与度不符合期望', align: 'center'},
      ],
      tenList: [
        {xmmc:'风光一体化防沙治沙',glsl:'1',ycsl:'',cyd:'1'},
        {xmmc:'蚂蚁森林',glsl:'3',ycsl:'',cyd:'2'},
        {xmmc:'三北六期',glsl:'3',ycsl:'',cyd:'1'},
        {xmmc:'蓝旗机器人造林',glsl:'4',ycsl:'',cyd:'1'},
      ]
    }
  },
}
</script>

<style scoped>
.statisticAnalysis{
  margin: 16px;
}
.box-row {
  margin: 16px 16px 0 0;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 0 14px 0 rgba(28, 111, 236, .15);
  color: #555;
  background-color: #fff;
  padding-top: 10px;
}
.box-title{
  font-weight: 600;
  font-size: 16px;
  color: #11A983;
  margin-left: 20px;
  margin-bottom: 10px;
}
</style>
